<template>
  <div style="padding:30px;">
			<div class="searchBox">
    <el-form :inline="true" ref="searchForm" :model="searchForm" label-width="96px">
      <el-form-item label="申请退单日期起" prop="startDate">
        <el-date-picker :editable="false" @change="debounceSeach" v-model="searchForm.startDate" type="date" placeholder="选择日期" :picker-options="startDateOpt"
          format="yyyy-MM-dd">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="申请退单日期止" prop="endDate">
        <el-date-picker :editable="false" @change="debounceSeach" v-model="searchForm.endDate" type="date" placeholder="选择日期" :picker-options="endDateOpt">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="订单号" prop="orderNumber">
        <el-input v-model="searchForm.orderNumber" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input>
      </el-form-item>
      <el-form-item label="经销商名称" prop="dealerName">
        <el-input v-model="searchForm.dealerName" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input>
      </el-form-item>
      <el-form-item label="汽车车型" prop="carBrandNameAndCarName">
        <el-input v-model="searchForm.carBrandNameAndCarName" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input>
      </el-form-item>

      <el-form-item label="订单状态" prop="status">
        <el-select v-model="searchForm.status" placeholder="请选择状态" @change="debounceSeach">
          <el-option label="请选择状态" value=""></el-option>
          <el-option v-for="(item, index) in order" :label="item" :value="index" :key="index"></el-option>
        </el-select>
      </el-form-item>

      <el-form-item style="important;text-align:center;    margin-bottom: 10px;">
        <el-button @click="resetSearchForm('searchForm')">重置</el-button>
      </el-form-item>
    </el-form>
		</div>
    <el-table :data="tableData.data" border>
      <el-table-column label="订单号" width="140">
        <template scope="scope">
          <span>{{ scope.row.orderNumber }}</span>
        </template>
      </el-table-column>
      <el-table-column label="经销商名称" :min-width="200">
        <template scope="scope">
          <span>{{ scope.row.dealerName }}</span>
        </template>
      </el-table-column>
      <el-table-column label="汽车车型" :min-width="300">
        <template scope="scope">
          <span>{{ scope.row.carBrandNameAndCarName }}</span>
        </template>
      </el-table-column>
			  <el-table-column label="物流状态">
        <template scope="scope">
          <span v-for="(index, item) in scope.row.logisticsInfoStatusVO" :key='index'>{{ item }}</span>
        </template>
      </el-table-column>
			 <el-table-column label="验车状态">
        <template scope="scope">
          <span v-for="(index, item) in scope.row.carInspectionInfoStatusVO" :key='index'>{{ item }}</span>
        </template>
      </el-table-column>
			

      <!-- <el-table-column label="购车总金额">
        <template scope="scope">
          <span>{{ scope.row.totalPrice | toFixed2}}</span>
        </template>
      </el-table-column>
      <el-table-column label="定金金额">
        <template scope="scope">
          <span>{{ scope.row.earnest | toFixed2}}</span>
        </template>
      </el-table-column> -->
			
       <el-table-column label="保证金状态">
        <template scope="scope">
          <span v-for="(index, item) in scope.row.cashDepositInfoStatusVO" :key='index'>{{ item }}</span>
        </template>
      </el-table-column>
      <el-table-column label="订单状态">
        <template scope="scope">
          <span v-for="(index, item) in scope.row.carOrderStatusVO" :key='index'>{{ item }}</span>
        </template>
      </el-table-column>
      <el-table-column label="申请退单时间" width="180">
        <template scope="scope">
          <span>{{ scope.row.addTime }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" width="140">
        <template scope="scope">

          <el-button size="small" @click="handleEdit(scope.$index, scope.row)">审核</el-button>
          <el-button size="small" @click="handleSee(scope.$index, scope.row)">查看</el-button>
          <!-- <el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
		        <el-button size="small" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button> -->
        </template>
      </el-table-column>
    </el-table>
    <el-dialog title="价格审核" v-if="dialogSendData.dialogFormVisible" :visible.sync="dialogSendData.dialogFormVisible" :lock-scroll='true'
      top=5% :close-on-click-modal="false">
      <dialogForm :dialogSendData="dialogSendData" :tableData="tableData" v-on:refreshSeachData="seachData" :searchForm="searchForm"></dialogForm>
    </el-dialog>
    <div class="block" style="text-align: center;margin-top: 15px;">
      <pagination v-on:refreshSeachData="seachData" :tableData="tableData" :searchForm="searchForm"></pagination>
    </div>
  </div>
</template>
<script src="./index.js">
</script>
<style scoped lang="stylus" rel="styleheet/stylus">
  @import './index.styl';
</style>